<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>天之翼</title>
<link type="text/css" rel="stylesheet" href="css/en-decode.css"/>
<link type="text/css" rel="stylesheet" href="css/screen.css">
</head>
<body>
	<div id="content">
		<div id="content_inner">
			<div id="left_box">
				<a href="#">
					<img alt="" src="images/logo.jpg">
				</a>
				<div id="left_menu">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li class="current">编码解码</li>
						<li ><a href="addextwords.html">添加扩展词语</a></li>
						<li><a href="parseurl.html">分析网页中文</a></li>
					</ul>
				</div>
			</div>
			<div id="main_box">
				<div id="content-header">
						<h2>天之翼<span>|编解码</span></h2>
				</div>
				<div id="content-content">
					<p>对文本实现简单的编码/解码操作，在第一个框中输入相应的原始文本，点击最下面的编码/解码，处理之后的文本会出现在第二个框中</p>
					<textarea  id="value"></textarea>
					<textarea  id="tvalue"></textarea>
				
				<div class="ty-button">
					<input type="button" value="To Base64" id="tobase64" /> <input
						type="button" value="From Base64" id="frombase64" /> <input
						type="button" value="URLEncode" id="urlEncode" /> <input
						type="button" value="URLDecode" id="urlDecode" /> <input
						type="button" value="to Hex String" id="toHexString" /> <input
						type="button" value="HTMLEncode" id="htmlEncode" /> <input
						type="button" value="HTMLDecode" id="htmlDecode" /> <input
						type="button" value="TOJs" id="toJs" /> <input type="button"
						value="FROMJs" id="fromJs" />
				</div>
				</div>
			</div>
		</div>
	</div>
	<div id="foot">
		有问题请发邮件到：whj86728@gmail.com
	</div>
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.elastic.source.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('textarea').elastic();
			$('textarea').trigger('update');
			$('#tobase64').click(function() {
				$.get("codec/codec", {
					value : $('#value').val(),
					type : "tobase64"
				}, function(data) {
					$('#tvalue').val(data)
				});
			});
			$('#frombase64').click(function() {
				$.get("codec/codec", {
					value : $('#value').val(),
					type : "other"
				}, function(data) {
					$('#tvalue').val(data)
				});
			});
			$('#urlEncode').click(function() {
				$('#tvalue').val(encodeURIComponent($("#value").val()));
			});
			$('#urlDecode').click(function() {
				$('#tvalue').val(decodeURIComponent($('#value').val()));
			});
			$("#toHexString").click(function() {
				$.get("codec/codec", {
					value : $('#value').val(),
					type : "tohex"
				}, function(data) {
					$('#tvalue').val(data)
				});
			});
			$("#htmlEncode").click(function() {
				$('#tvalue').val($('<div/>').text($('#value').val()).html());
			});
			$('#htmlDecode').click(function() {
				$('#tvalue').val($('<div/>').html($('#value').val()).text());
			});
			$('#toJs').click(function() {
				$.get("codec/codec", {
					value : $('#value').val(),
					type : "toJs"
				}, function(data) {
					$('#tvalue').val(data)
				});
			});
			$('#fromJs').click(function() {
				$.get("codec/codec", {
					value : $('#value').val(),
					type : "fromjs"
				}, function(data) {
					$('#tvalue').val(data)
				});
			});
		});
	</script>
</body>

</html>